<?xml version="1.0" encoding="UTF-8"?>
<!-- 
    Document   : Reportes
    Created on : 10/09/2008, 10:37:31 AM
    Author     : Aditardo
-->
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <SCRIPT type="text/JAVASCRIPT">
 


        function GetRadioValue( ) { 
           var ver1, ver2
           
           
           ver1 = document.getElementById("form1:grupOp_0").checked 
               
           ver2 = document.getElementById("form1:grupOp_1").checked 
           
           
           if (ver1 ==true){
              
               document.getElementById('form1:dcalendar').style["display"] = ""
               document.getElementById('form1:despecialidades').style["display"] = ""
              
               
           } else if (ver2 == true){
               document.getElementById('form1:dcalendar').style["display"] = ""
               document.getElementById('form1:despecialidades').style["display"] = "none"
              
               
               //left: 360px; top: 312px
               
           }else{
               document.getElementById('form1:dcalendar').style["display"] = "none"
               document.getElementById('form1:despecialidades').style["display"] = ""
              
           }
         
        } 


    </SCRIPT>
    <style>
        label {color:blue; font-weight:bold;}
        .miclase {color:red; font-weight:bold;}}
        
    </style>
    <f:view>
        <ui:page id="page1">
            <ui:html id="html1">
                <ui:head id="head1">
                    <ui:link id="link1" url="/resources/stylesheet.css"/>
                </ui:head>
                <ui:body id="body1" imageURL="/resources/fondo.JPG" style="background-color: rgb(255, 255, 255); -rave-layout: grid">
                    <ui:form id="form1">
                        <div style="left: -72px; top: 0px; position: absolute"></div>
                        <br style="width: 132px"/>
                        <ui:image id="image1" style="left: 264px; top: 24px; position: absolute" url="/img/header.jpg"/>
                        <ui:image height="75" id="image2"
                            style="border-width: 7px 6px 6px 6px; border-style: groove; border-color: rgb(153, 204, 255) rgb(153, 204, 255) rgb(153, 204, 255) rgb(153, 204, 255); left: 288px; top: 48px; position: absolute"
                            url="/resources/LOGO_INICIO.JPG" width="168"/>
                        <ui:label id="label2"
                            style="color: rgb(255, 255, 255); font-family: 'Arial','Helvetica',sans-serif; font-size: 18px; font-weight: bold; left: 792px; top: 48px; position: absolute; width: 240px" text="Reportes"/>
                        <ui:hyperlink action="#{Reportes.jliReserva1_action}" id="jliReserva1"
                            style="background-image: url(./resources/bg_head_top.jpg); color: rgb(0, 0, 0); font-family: 'Tahoma'; font-size: 12px; font-weight: bold; left: 744px; top: 144px; position: absolute; text-decoration: underline overline; width: 90px"
                            text="Menu Principal" url="/faces/Menu.jsp"/>
                        <ui:hyperlink id="jliCambia1"
                            style="background-image: url(./resources/bg_head_top.jpg); color: rgb(0, 0, 0); font-family: 'Tahoma'; font-size: 12px; font-weight: bold; left: 864px; top: 144px; position: absolute; text-decoration: underline overline; width: 94px"
                            text="Cambiar datos" url="/faces/CambiarDatos.jsp"/>
                        <ui:hyperlink action="#{Reportes.jliSalir_action}" id="jliSalir1"
                            style="background-image: url(./resources/bg_head_top.jpg); color: rgb(0, 0, 0); font-family: 'Tahoma'; font-size: 12px; font-weight: bold; left: 1008px; top: 144px; position: absolute; text-decoration: underline overline"
                            text="Salir" url="/faces/Login.jsp"/>
                        <ui:image id="image5" style="left: 288px; top: 528px; position: absolute" url="/img/bg_footer.gif" width="744"/>
                        <ui:panelLayout binding="#{Reportes.contenedorReporte}" id="contenedorReporte" style="background-color: white; height: 334px; left: 288px; top: 192px; position: absolute; width: 742px; -rave-layout: grid">
                            <ui:button action="#{Reportes.button2_action}" id="button2" style="font-weight: bold; left: 71px; top: 240px; position: absolute" text="Ver Reporte"/>
                            <ui:radioButtonGroup binding="#{Reportes.grupOp}" id="grupOp" items="#{Reportes.grupOpDefaultOptions.options}"
                                onClick="GetRadioValue()" required="true" selected="#{Reportes.grupOpDefaultOptions.selectedValue}" style="height: 119px; left: 24px; top: 72px; position: absolute; width: 192px"/>
                            <ui:panelLayout id="dcalendar" style="height: 189px; left: 192px; top: 144px; position: absolute; width: 549px; -rave-layout: grid">
                                <ui:calendar binding="#{Reportes.cal_fin}" id="cal_fin" style="left: 312px; top: 96px; position: absolute"/>
                                <ui:calendar binding="#{Reportes.cal_ini}" id="cal_ini" style="left: 312px; top: 24px; position: absolute"/>
                                <ui:label id="label6" style="left: 240px; top: 24px; position: absolute" text="Inicio"/>
                                <ui:label id="label7" style="left: 240px; top: 96px; position: absolute" text="Fin"/>
                                <ui:label id="label5"
                                    style="font-family: 'Tahoma'; font-size: 16px; font-weight: bold; left: 72px; top: 72px; position: absolute" text="Rango de Fechas"/>
                            </ui:panelLayout>
                            <ui:panelLayout id="despecialidades" style="height: 93px; left: 240px; top: 48px; position: absolute; width: 406px; -rave-layout: grid">
                                <ui:label for="ddlEspecialidad" id="label4"
                                    style="font-family: 'Tahoma'; font-size: 16px; font-weight: bold; left: 24px; top: 48px; position: absolute" text="Especialidad"/>
                                <ui:dropDown binding="#{Reportes.ddlEspecialidad}" id="ddlEspecialidad" items="#{SessionBean1.opcionesDDL}" labelOnTop="true" style="left: 192px; top: 48px; position: absolute; width: 241px"/>
                            </ui:panelLayout>
                            <ui:label id="label8" style="font-family: 'Tahoma'; font-size: 16px; font-weight: bold; left: 24px; top: 24px; position: absolute" text="Opciones de Reportes"/>
                        </ui:panelLayout>
                        <br/>
                        <ui:label id="label1" style="left: 336px; top: 528px; position: absolute" text="Fundacion Ayuda"/>
                        <ui:label id="label3" style="height: 8px; left: 840px; top: 528px; position: absolute; width: 166px" text="Desarrollo: By CPCM 2008"/>
                    </ui:form>
                </ui:body>
            </ui:html>
        </ui:page>
    </f:view>
</jsp:root>
